<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-订单出库状态查询</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <!-- 新菜单 2018-04-08 -->
    <div class="new-header">
        <div class="header-content">
            <div class="header-menu">
                <a href="index.html" class="logo">
                    <img src="images/yly-logo.png" alt="">
                </a>
                <ul class="header-nav">
                    <li>基础资料</li>
                    <li>物流运营</li>
                    <li>财务管理</li>
                    <li>业务管理</li>
                    <li>统计查询</li>
                </ul>
                <div class="header-select">
                    <a>
                        <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
                        <span class="common-menu-btn">常用菜单</span>
                    </a>
                    <a href="#" class="setting">设置</a>
                    <ul class="header-select-list">
                        <li>
                            <i class="community"></i>
                            <a href="#">传链社区</a>
                        </li>
                        <li>
                            <i class="tel"></i>
                            <a href="#">服务中心</a>
                        </li>
                        <li>
                            <i class="message current"></i>
                            <a href="#">消息中心</a>
                        </li>
                        <li>
                            <i href="javascript:;" class="login"></i>
                            <div class="userboxinfob">
                                <div class="ul_userlist">
                                    <p class="flexitem">张会员，欢迎您登录</p>
                                    <ul class="flexitem">
                                        <li>
                                            <a href="/updatePwd">修改密码</a>
                                        </li>
                                        <li>
                                            <a href="/logout">退出</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="header-menu-box">
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>组织资料 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>物流运营 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>财务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>业务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>统计查询 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 常用菜单 -->
    <div class="common-menu">
        <div class="common-menu-content">
            <p class="iconfont icon-menu">
                <a>公司资料维护</a>
                <a>新增商品</a>
                <a>采购目录勾对</a>
                <a>物流订单调度</a>
                <a>补货发起</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
            </p>
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a class="fbtn fb-export">导出</a>
                <a class="fbtn fb-export" onclick="fbOutagel()">出库确认</a>
                <a class="fbtn fb-export" onclick="fbOutageCalibration()">出库校准</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">订单出库状态查询</a>
                </li>
            </ol>
            <h3 class="current_module">订单出库状态查询</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- 找车 -->
    <div class="content">
        <!-- 查询区域 start -->
        <div class="top-search">
            <div class="row aline">
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">发货方</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">目的地</span>
                        <div class="flex1">
                            <input class="city-picker-input" type="text" placeholder="" name="address" data-toggle="city-picker" value="江西省/南昌市/新建县">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">收货方</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row aline">
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">业务订单号</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">订单日期</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="" name="date" action="date">
                        </div>
                        <i></i>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="" name="date" action="date">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="flexitem">订单状态</span>
                        <select>
                            <option value="0">全部</option>
                            <option value="1">等待受理</option>
                            <option value="2">等待调度</option>
                            <option value="3">等待配送</option>
                            <option value="4">部分入库</option>
                            <option value="5">全部入库</option>
                            <option value="6">部分出库</option>
                            <option value="7">全部出库</option>
                            <option value="8">已校准</option>
                            <option value="9">配送中</option>
                            <option value="10">签收完成</option>
                        </select>
                    </div>
                </div>
                <div class="plr8 fr tar">
                    <a href="" class="top-search-btn iconfont icon-search">查询</a>
                </div>
            </div>
        </div>
        <!-- 查询区域 end -->
        <h2 class="h2_1">
            您当前共有<span id="id_num">11</span>条订单出库记录
        </h2>
        <table class="table">
            <thead>
                <tr>
                    <th class="not-wrap">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>序号</i></span>
                        </label>
                    </th>
                    <th class="not-wrap">发货方</th>
                    <th>制单日期</th>
                    <th class="not-wrap">业务单号</th>
                    <th class="not-wrap">商品类型</th>
                    <th class="not-wrap">件数</th>
                    <th class="not-wrap">重量</th>
                    <th class="not-wrap">收货人<br>联系电话</th>
                    <th>目的地</th>
                    <th class="not-wrap">订单状态</th>
                    <th class="not-wrap">出库时间</th>
                    <th class="not-wrap">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>01</i></span>
                        </label>
                    </td>
                    <td>宏图制药</td>
                    <td>2018-1-3</td>
                    <td class="td-link">
                        <a href="order-entry-2.html">60344082</a>
                    </td>
                    <td>鲜花</td>
                    <td>110件</td>
                    <td>495kg</td>
                    <td>
                        <p>雷永发</p>
                        <p>1320799993</p>
                    </td>
                    <td>江西省/新建县</td>
                    <td>部分出库</td>
                    <td>2018-4-24 20:18</td>
                    <td>
                        <div class="action-btn flexitem">
                            <a onclick="btnSee()">查看</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>02</i></span>
                        </label>
                    </td>
                    <td>德邦深圳</td>
                    <td>2018-1-3</td>
                    <td class="td-link">
                        <a href="order-entry-2.html">994408211</a>
                    </td>
                    <td>药品</td>
                    <td>10件</td>
                    <td>50kg</td>
                    <td>
                        <p>雷永发</p>
                        <p>1320799993</p>
                    </td>
                    <td>江西省/新建县</td>
                    <td>全部出库</td>
                    <td>2018-4-24 20:18</td>
                    <td>
                        <div class="action-btn flexitem">
                            <a onclick="btnSee()">查看</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>02</i></span>
                        </label>
                    </td>
                    <td>德邦深圳</td>
                    <td>2018-1-3</td>
                    <td class="td-link">
                        <a href="order-entry-2.html">994408211</a>
                    </td>
                    <td>药品</td>
                    <td>10件</td>
                    <td>50kg</td>
                    <td>
                        <p>雷永发</p>
                        <p>1320799993</p>
                    </td>
                    <td>江西省/新建县</td>
                    <td>已校准</td>
                    <td>2018-4-24 20:18</td>
                    <td>
                        <div class="action-btn flexitem">
                            <a onclick="btnSee()">查看</a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="table-page clearfix">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <!-- end 物流对账单 -->
    </div>
    <!-- 找车 end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 出库确认 -->
    <div class="sender-box" style="display: none;">
        <div class="row aline">
            <div class="w-66 plr8 fl">
                <div class="text-input date-input displayflex bg-ash">
                    <input type="text" placeholder="业务订单号/外箱条码号">
                </div>
            </div>
            <div class="w-33 plr8 fl tar">
                <a href="" class="top-search-btn iconfont icon-add">添加</a>
            </div>
        </div>
        <h2 class="h2_1 mb-10">
            当前已添加<span id="id_num">10</span>件商品
        </h2>
        <div class="table-cont" id="scroll_1" style="max-height: 235px; overflow-y: auto;">
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>外箱条码号</th>
                        <th>业务订单号</th>
                        <th>起运地</th>
                        <th>目的地</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>20180424000101</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>20180424000102</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>03</td>
                        <td>20180424000103</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>04</td>
                        <td>20180424000104</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 出库校准 -->
    <div class="sender-box2" style="display: none;">
        <div class="row aline">
            <div class="w-66 plr8 fl">
                <div class="text-input date-input displayflex bg-ash">
                    <input type="text" placeholder="业务订单号/外箱条码号">
                </div>
            </div>
            <div class="w-33 plr8 fl tar">
                <a href="" class="top-search-btn iconfont icon-add">添加</a>
            </div>
        </div>
        <h2 class="h2_1 mb-10">
            当前已添加<span id="id_num">10</span>件商品
        </h2>
        <div class="table-cont" id="scroll_1" style="max-height: 235px; overflow-y: auto;">
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>外箱条码号</th>
                        <th>业务订单号</th>
                        <th>起运地</th>
                        <th>目的地</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>20180424000101</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>20180424000102</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>03</td>
                        <td>20180424000103</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>04</td>
                        <td>20180424000104</td>
                        <td>201804240001</td>
                        <td>湖北省/武汉市</td>
                        <td>江西省/南昌市</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 查看 -->
    <div class="sender-box3" style="display: none;">
        <div class="table-cont" id="scroll_1" style="max-height: 220px; overflow-y: auto;">
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>外箱条码号</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>20180424000101</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>修改</a>
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>20180424000102</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>修改</a>
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>03</td>
                        <td>20180424000102</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>修改</a>
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>04</td>
                        <td>
                            <div class="text-input date-input displayflex w200 bg-ash mar-auto">
                                <input type="text" placeholder="20180424000103" class="tac">
                            </div>
                        </td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>保存</a>
                                <a class="del">删除</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        // 出库确认
        function fbOutagel(){
            app.layeropen({
                type: 1,
                area: ['800px', '450px'],
                title: '出库确认',
                closeBtn: 1,
                btn: ['确认出库', '关闭'],
                skin: 'pop-border',
                content: $('.sender-box'),
                // 确定按钮回调方法
                yes: function (index, layerDom) {
                    $('.sender-box').hide();
                    layer.close(index)
                },
                // 取消和关闭按钮触发的回调
                cancel: function (index, dom) {
                    $('.sender-box').hide()
                },
                btn2: function (index, layerDom) {
                    $('.sender-box').hide()
                }
            })
        };
        // 出库校准
        function fbOutageCalibration(){
            app.layeropen({
                type: 1,
                area: ['800px', '450px'],
                title: '出库校准',
                closeBtn: 1,
                btn: ['确认出库', '关闭'],
                skin: 'pop-border',
                content: $('.sender-box2'),
                // 确定按钮回调方法
                yes: function (index, layerDom) {
                    $('.sender-box2').hide();
                    layer.close(index)
                },
                // 取消和关闭按钮触发的回调
                cancel: function (index, dom) {
                    $('.sender-box2').hide()
                },
                btn2: function (index, layerDom) {
                    $('.sender-box2').hide()
                }
            })
        };
        // 查看
        function btnSee(){
            app.layeropen({
                type: 1,
                area: ['600px', '350px'],
                title: '外箱条码号',
                closeBtn: 1,
                btn: ['保存', '关闭'],
                skin: 'pop-border',
                content: $('.sender-box3'),
                // 确定按钮回调方法
                yes: function (index, layerDom) {
                    $('.sender-box3').hide();
                    layer.close(index)
                },
                // 取消和关闭按钮触发的回调
                cancel: function (index, dom) {
                    $('.sender-box3').hide()
                },
                btn2: function (index, layerDom) {
                    $('.sender-box3').hide()
                }
            })
        };
    </script>
</body>

</html>